<!DOCTYPE html>
<html lang="zh-CN">
<head>
    {% block head %}
        {% block meta %}
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
            <!-- Meta, title, CSS, favicons, etc. -->
            <meta charset="utf-8">
            <meta http-equiv="X-UA-Compatible" content="IE=edge">
            <meta name="viewport" content="width=device-width, initial-scale=1">
        {% endblock %}
        <title>SilverFox|{% block title %}{% endblock %}</title>

        {% block stylesheets %}
            <!-- Bootstrap -->
            <link href="/static/vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css">
            <!-- Font Awesome -->
            <link href="/static/vendors/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
            <!-- alertify -->
            <link rel="stylesheet" href="/static/vendors/alertifyjs/css/themes/default.min.css" type="text/css"/>
            <link rel="stylesheet" href="/static/vendors/alertifyjs/css/alertify.min.css" type="text/css"/>
            <link rel="stylesheet" href="/static/vendors/alertifyjs/css/themes/bootstrap.min.css" type="text/css"/>
        {% endblock %}
        <!-- Custom Theme Style -->
        <link href="/static/build/css/custom.css" rel="stylesheet" type="text/css">
    {% endblock %}
</head>
<body class="{% block body_class %}nav-md{% endblock %}">
{% block body %}
    <div class="container body">
        <div class="main_container">
            {% block sidebar %}
                <div class="col-md-3 left_col {% block sidebar_class %}{% endblock %}">
                    {% include "base/sidebar.html" %}
                </div>
            {% endblock %}

            {% block top_navigation %}
                <div class="top_nav">
                    {% include "base/top.html" %}
                </div>
            {% endblock %}
            {% block content %}
            {% endblock %}
            {% block footer %}
                <footer>
                    {% include "base/footer.html" %}
                </footer>
            {% endblock %}
        </div>
    </div>

    {% block modal %}
    {% endblock %}

    {% block javascripts %}
        <!-- jQuery -->
        <script src="/static/vendors/jquery/dist/jquery.min.js"></script>
        <!-- Bootstrap -->
        <script src="/static/vendors/bootstrap/dist/js/bootstrap.min.js"></script>
        <!-- alertify -->
        <script src="/static/vendors/alertifyjs/alertify.min.js"></script>
    {% endblock %}

    <!-- Custom Theme Scripts -->
    <script src="/static/build/js/custom.js"></script>
{% endblock %}
</body>
</html>